﻿@using Microsoft.Web.Helpers
@model CP_SchoolForChildren_v0._1.Models.RelatedModel.RegisterModel

@{
    ViewBag.Title = "Register";
    Layout = "~/Views/Shared/FE/_Layout_FE_Index.cshtml";
    ReCaptcha.PublicKey = @"6Le8j9kSAAAAANxIFcmKzpCGK8oPzLrU6hJ4LdDY";
    @ViewBag.Message
}
<script src="@Url.Content("~/Scripts/FE/jquery.validate.min.js")" type="text/javascript"> </script>
<script src="@Url.Content("~/Scripts/FE/jquery.validate.unobtrusive.min.js")" type="text/javascript"> </script>
<link href="@Url.Content("~/Content/FE/style/demo.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/FE/Addition.css")" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(function () {
        $("#DOB").datepicker({
            changeMonth: true,
            changeYear: true,
            minDate: "-100YYYY",
            maxDate: "+0D",
            yearRange: 'c-100,c+00',
            dateFormat: 'mm/dd/yy'
        });
    });
</script>
<div class="allhome" style="padding-top: 15px;">
    <div class="content-main" style="width: 400px; float: left;">
        <div class="boxMod" style="line-height: 30px;">
            <h2 style="color:#774F38; margin-bottom: 15px">Đăng ký tài khoản</h2>
            <form action="@Url.Action("Register")" method="POST">
                @Html.ValidationSummary(true)
                <style type="text/css">
                    #registertable td {
                        vertical-align:top;
                        word-wrap: break-word;
                    }
                    .field-validation-error {
                        word-wrap: break-word;
                        font-size: 10px;
                        float: left;
                        padding: 10px;
                        padding-top: 0px;
                    }
                    #SelectGender {
                        border: 3px solid #EBE6E2;
                        border-radius: 5px 5px 5px 5px;
                        display: block;
                        float: left;
                        font-size: 13px;
                        font-weight: 400;
                        margin-bottom: 5px;
                        margin-left: 5px;
                        padding: 5px;
                        transition: all 0.3s ease-out 0s;
                        width: 150px;
                    }
                    
                </style>
                <table id="registertable">
                    <tbody><tr>
                               <td style="text-align: right;">
                                   <label for="UserName">Tên đăng nhập <span style="color: red">*</span></label>
                               </td>
                               <td>
                             
                                   @Html.TextBoxFor(model => model.UserName, new { @class = "searchInput" })                                   
                                   @Html.ValidationMessageFor(model => model.UserName)
                               </td>
                           </tr>
                        <tr>
                            <td style="text-align: right;">
                                <label for="Email">Địa chỉ email <span style="color: red">*</span></label>
                            </td>
                            <td>
                               
                                @Html.TextBoxFor(model => model.Email, new { @class = "searchInput" }) 
                                @Html.ValidationMessageFor(model => model.Email)
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">
                                <label for="ConfirmEmail">Xác nhận địa chỉ Email <span style="color: red">*</span></label>
                            </td>
                            <td>
                                
                                @Html.TextBoxFor(model => model.ConfirmEmail, new { @class = "searchInput" }) 
                                @Html.ValidationMessageFor(model => model.ConfirmEmail)
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">
                                <label for="Password">Mật khẩu <span style="color: red">*</span></label>
                            </td>
                            <td>
                                
                                @Html.PasswordFor(model => model.Password, new { @class = "searchInput" }) 
                                 @Html.ValidationMessageFor(model => model.Password)
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">
                                <label for="Password">Xác nhận Mật khẩu <span style="color: red">*</span></label>
                            </td>
                            <td>
                               
                                @Html.PasswordFor(model => model.ConfirmPassword, new { @class = "searchInput" }) 
                                @Html.ValidationMessageFor(model => model.ConfirmPassword)
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">
                                <label for="Gender">Giới tính </label>
                            </td>
                            <td>
                                <select name="Gender" id="SelectGender">
                                    <option value="Nam">Nam</option>
                                    <option value="Nữ">Nữ</option>
                                    <option value="Khác">Khác</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right;">
                                <label for="DOB">Ngày sinh <span style="color: red">*</span></label>
                            </td>
                            <td>
                              
                                @Html.TextBoxFor(model => model.DOB, new { @class = "searchInput" }) 
                               @Html.ValidationMessageFor(model => model.DOB)
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right; float:right;">
                                <label for="Captcha"><a href="@Url.Action("Register")">
                                        <img style="border: 1px solid rgba(119, 79, 56, 0.4); " src="@Url.Action("CaptchaImage","Account")" alt="Captcha">
                                    </a></label>
                            </td>
                            <td>
                                <input type="text" value="" name="Captcha" id="Captcha" class="searchInput">
                                @Html.ValidationMessageFor(model => model.Captcha)
                            </td>
                        </tr>
                    </tbody>
                    </table>
                <div>
                    <input type="submit" class="btn" value="Đăng Ký" style="width: 100px; margin-left: 120px; line-height: 38px; height: 38px;" />
                </div>
                <br class="spacer"/>
            </form>
        </div>
        <br class="spacer"/>
    </div>
    <div class="dashboard" style="width: 555px; float: right">
        <form class="form-3" method="POST" action="@Url.Action("LogOn","Account")">
            <h1 style="color:#774F38; font-size: 20px">Đăng nhập</h1>
            <p class="float">
                <label for="login">Tên Đăng nhập</label>
               <input type="text" placeholder="Tên đăng nhập" name="login">
            </p>
            <p class="float">
                <label for="password">Mật khẩu</label>
                <input type="password" placeholder="Mật khẩu" name="password">
                </p><p class="opt">
                    <input type="checkbox" name="RememberMe" id="RememberMe" value="true"> Ghi nhớ?
                </p>
            <p class=""> 
                <a style="width: 150px;" class="log-twitter" href="@Url.Action("ForgotPasswordView")">Quên mật khẩu</a>    
                <input type="submit" value="Đăng nhập" name="submit">
            </p>
            <br class="spacer"/>
        </form>
    </div>
    <br class="spacer"/>
</div>